<template>
    <!-- 热门城市切换 -->
    <div class="hot-city-box">
        <a-tabs defaultActiveKey="1" @change="callback">
            <a-tab-pane tab="热门城市" key="1">
                <dl class='hotCityList' id='dlHotCity_" + options.id + "' name='dlCity'>
                    <dd v-for="(item,index) hotCityData.hot" @click='getHotCity(item)'>{{item}}</dd>
                </dl>
            </a-tab-pane>
            <a-tab-pane tab="ABCDE" key="2" forceRender>
                <dl class='hotCityList' id='dlHotCity_" + options.id + "' name='dlCity'>
                    <dd @click='getHotCity(this)'>上海-中国</dd>
                </dl>
            </a-tab-pane>
            <a-tab-pane tab="FGHIJKL" key="3">
                <dl class='hotCityList' id='dlHotCity_" + options.id + "' name='dlCity'>
                    <dd @click='getHotCity(this)'>上海-中国</dd>
                </dl>
            </a-tab-pane>
            <a-tab-pane tab="MNOPQRS" key="4" forceRender>
                <dl class='hotCityList' id='dlHotCity_" + options.id + "' name='dlCity'>
                    <dd @click='getHotCity(this)'>上海-中国</dd>
                </dl>
            </a-tab-pane>
            <a-tab-pane tab="TUVWXYZ" key="5">
                <dl class='hotCityList' id='dlHotCity_" + options.id + "' name='dlCity'>
                    <dd @click='getHotCity(this)'>上海-中国</dd>
                </dl>
            </a-tab-pane>
        </a-tabs>
    </div>
</template>

<script>
    
    export default {
        data: () => ({
            hotCityData:{
                hot:['上海-中国','深圳-中国','广州-中国','大连-中国','青岛-中国','天津新港-中国','胡志明市-越南','曼谷(PAT)-泰国','林查班-泰国','鹿特丹-荷兰','那瓦什瓦-印度','汉堡-德国','新加坡-新加坡','泗水-印度尼西亚','雅加达-印度尼西亚','安特卫普-比利时','科伦坡-斯里兰卡','槟城-马来西亚']
            }
        }),
        props: {
        },
        computed: {
        },
        beforeCreate() {
            this.form = this.$form.createForm(this);
        },
        created: function() {
        },
        methods: {
            // 选中当前热门城市
            getHotCity (e) {
                console.log('getHotCity::',e)
            },
            // 获取个人中心相关数据
            async userLogin (user) {
                try {
                    const res = await this.$store.dispatch('login', user)
                } catch (err) {
                    this.$message.error('用户名或密码错误');
                }

            },
        }
    }




// var jqObjCity = []; //保存对象，便于点击时做操作
// var objOptCity = null;

// //下拉列表
// (function ($) {
//     var cc_Index = 0;//当前li

//     $.fn.ChooseCity = function (opts) {
//         /***********参数说明 start***************/
//         // id : 文本框的ID
//         // className: 下拉框的样式
//         // cc_Index: 这个不用改动
//         // isPiPei : 是否是强制匹配的
//         /**********参数说明 end**************/
//         var defaults = { 'id': "txtCeshi", 'className': 'dropChooseBoxCity', cc_Index: -1, 'isPiPei': true };
//         var options = $.extend(defaults, opts);

//         return this.each(function () {
//             //按下鼠标时 触发的事件
//             $(this).keyup(function (event) {
//                 $("#divHotNationShow_" + options.id + "").hide();
//                 objOptCity = $(this);
//                 jqObjCity.pop(); jqObjCity.push(objOptCity);
//                 if (event.keyCode == 38) {
//                     //键盘向上事件
//                     var isHave = document.getElementById("divNationShow_" + options.id + "");
//                     //存在且不是隐藏的状态
//                     if (isHave && !$("#divNationShow_" + options.id).is(":hidden") && cc_Index > -1) {
//                         //总共有多少个LI
//                         var maxIndex = $("#ulCityShow_" + options.id + " li").length;
//                         if (maxIndex > 1) {
//                             if (cc_Index == 0) {
//                                 cc_Index = maxIndex - 1;
//                             } else {
//                                 cc_Index--;
//                             }
//                             var li = $("#ulCityShow_" + options.id + " li").eq(cc_Index);
//                             var city = li.find("span[name='spanCity']").text();
//                             var nation = li.find("span[name='spanNation']").text();
//                             var valTxt = city + "-" + nation;
//                             $(this).val(valTxt);
//                         }
//                     }
//                 } else if (event.keyCode == 40) {
//                     //键盘向下事件
//                     var isHave = document.getElementById("divNationShow_" + options.id + "");
//                     //存在且不是隐藏的状态
//                     if (isHave && !$("#divNationShow_" + options.id).is(":hidden")) {
//                         //总共有多少个LI
//                         var maxIndex = $("#ulCityShow_" + options.id + " li").length;
//                         if (maxIndex > 1) {
//                             cc_Index++;
//                             if ((cc_Index + 1) == maxIndex) {
//                                 cc_Index = -1;
//                             }
//                             var li = $("#ulCityShow_" + options.id + " li").eq(cc_Index);
//                             var city = li.find("span[name='spanCity']").text();
//                             var nation = li.find("span[name='spanNation']").text();
//                             $(this).val(city + "-" + nation);
//                         }
//                     }
//                 } else if (event.keyCode == 13) {
//                     //回车事件
//                     CheckInput(options.isPiPei, options.id);
//                 } else {
//                     var content = $(this).val();
//                     if (content != "" && content != "请选择起运地" && content != "请选择目的地" && content != "请输入目的地" && content != "请输入起运地") {
//                         var isHave = document.getElementById("divNationShow_" + options.id + "");
//                         if (isHave) {
//                             $("#DivChoose_" + options.id + "").show();
//                             $("#divNationShow_" + options.id + "").show();
//                         } else {
//                             AddCityHtml(jqObjCity[0], options.className, options.id);
//                         }
//                         $.ajax({
//                             type: "GET",
//                             url: "http://inter.chinawutong.com/Ashx/Handler_GetCity.ashx?jsonpCallback=success_jsonpCallback",
//                             dataType: "jsonp",
//                             jsonp: "callback",
//                             jsonpCallback: "success_jsonpCallback",
//                             data: { "type": "ChooseCity", "content": escape(content) },
//                             success: function (mes) {
//                                 if (mes.result == "success") {
//                                     cc_Index = -1;
//                                     $("#ulCityShow_" + options.id + "").html("");
//                                     var json = mes.data;
//                                     var addHtml = "";
//                                     for (var i = 0, l = json.length; i < l; i++) {
//                                         for (var key in json[i]) {
//                                             if (key == "id") {
//                                                 addHtml += "<li onclick='GetCity(this)'><span name='spanCity' class='spanCity'>";
//                                             }
//                                             if (key == "city") {
//                                                 var city = decodeURI(decodeURI(json[i]["city"]));
//                                                 addHtml += city + "</span><span name='spanNation' class='spanNation'>";
//                                             }
//                                             if (key == "Nation") {
//                                                 var nation = decodeURI(decodeURI(json[i]["Nation"]));
//                                                 addHtml += nation + "</span></li>";
//                                             }
//                                         }
//                                     }
//                                     $("#ulCityShow_" + options.id + "").html(addHtml);
//                                 } else {
//                                     var liContent =
//                                "<li onclick='GetCity(this)'><span name='spanCity' class='spanCity'>上海</span><span name='spanNation' class='spanNation'>中国</span></li>" +
//                                "<li onclick='GetCity(this)'><span name='spanCity' class='spanCity'>深圳</span><span name='spanNation' class='spanNation'>中国</span></li>" +
//                                "<li onclick='GetCity(this)'><span name='spanCity' class='spanCity'>天津新港</span><span name='spanNation' class='spanNation'>中国</span></li>" +
//                                "<li onclick='GetCity(this)'><span name='spanCity' class='spanCity'>青岛</span><span name='spanNation' class='spanNation'>中国</span></li>" +
//                                "<li onclick='GetCity(this)'><span name='spanCity' class='spanCity'>宁波</span><span name='spanNation' class='spanNation'>中国</span></li>" +
//                                "<li onclick='GetCity(this)'><span name='spanCity' class='spanCity'>大连</span><span name='spanNation' class='spanNation'>中国</span></li>" +
//                                "<li onclick='GetCity(this)'><span name='spanCity' class='spanCity'>广州</span><span name='spanNation' class='spanNation'>中国</span></li>" +
//                                "<li onclick='GetCity(this)'><span name='spanCity' class='spanCity'>连云港</span><span name='spanNation' class='spanNation'>中国</span></li>" +
//                                "<li onclick='GetCity(this)'><span name='spanCity' class='spanCity'>乍浦港</span><span name='spanNation' class='spanNation'>中国</span></li>" +
//                                "<li onclick='GetCity(this)'><span name='spanCity' class='spanCity'>京唐港</span><span name='spanNation' class='spanNation'>中国</span></li>" +
//                                "<li onclick='GetCity(this)'><span name='spanCity' class='spanCity'>北海</span><span name='spanNation' class='spanNation'>中国</span></li>" +
//                                "<li onclick='GetCity(this)'><span name='spanCity' class='spanCity'>九江</span><span name='spanNation' class='spanNation'>中国</span></li>";
//                                     $("#ulCityShow_" + options.id + "").html("");
//                                     $("#ulCityShow_" + options.id + "").append(liContent);
//                                     if (mes.result == "error") {
//                                         console.log(mes.data[0].message);
//                                     }
//                                 }
//                             }
//                         });
//                     } else {
//                         $("#divNationShow_" + options.id + "").hide();
//                         $("#divHotNationShow_" + options.id + "").show();
//                     }
//                 }
//             });
//             $(this).keydown(function (event) {
//                 if (event.keyCode == 9) {
//                     //tab 键
//                     CheckInput(options.isPiPei, options.id);
//                 }
//             });
//         });
//     }
// })(jQuery);


// //推荐的热门城市
// (function ($) {
//     $.fn.ChooseHotCity = function (opts) {
//         var defaults = { 'id': "txtCeshi", 'className': '', 'isPiPei': true };
//         var options = $.extend(defaults, opts);
//         return this.each(function () {
//             //获取焦点之后默认的选择框：
//             $(this).focus(function () {
//                 objOptCity = $(this);
//                 jqObjCity.pop(); jqObjCity.push(objOptCity);
//                 var objHave = document.getElementById("divHotNationShow_" + options.id);
//                 if (objHave) {
//                     $("#divHotNationShow_" + options.id + "").show();
//                     $(".hotCityTabs a:first").addClass("active");
//                     $(".hotCityTabs a:first").siblings().removeClass("active");
//                     $(".hotCityList").hide();
//                     $("#dlHotCity_" + options.id + "").show();
//                 } else {
//                     var divHTml = " <div id='divHotNationShow_" + options.id + "'>" +
//                     "<div class='clear'></div>" +
//                     "<div class='dlHotCity' id='divHotCity_" + options.id + "'>" +
//                     "<div class='hotCityTabs' >" +
//                     "<a onclick=\"ChangeHotCity('HOT',this)\" class='active'>热门城市</a>" +
//                     "<a onclick=\"ChangeHotCity('ABCDE',this)\" >ABCDE</a>" +
//                     "<a onclick=\"ChangeHotCity('JHIKL',this)\" >FGHIJKL</a>" +
//                     "<a onclick=\"ChangeHotCity('MNOPQR',this)\" >MNOPQRS</a>" +
//                     "<a onclick=\"ChangeHotCity('STUVYZ',this)\" >TUVWXYZ</a></div>" +
//                     "<dl class='hotCityList' id='dlHotCity_" + options.id + "' name='dlCity'>" +
//                     "<dd onclick='GetHotCity(this)'>上海-中国</dd>" +
//                     "<dd onclick='GetHotCity(this)'>深圳-中国</dd>" +
//                     "<dd onclick='GetHotCity(this)'>广州-中国</dd>" +
//                     "<dd onclick='GetHotCity(this)'>大连-中国</dd>" +
//                     "<dd onclick='GetHotCity(this)'>青岛-中国</dd>" +
//                     "<dd onclick='GetHotCity(this)'>天津新港-中国</dd>" +
//                     "<dd onclick='GetHotCity(this)'>胡志明市-越南</dd>" +
//                     "<dd onclick='GetHotCity(this)'>曼谷(PAT)-泰国</dd>" +
//                     "<dd onclick='GetHotCity(this)'>林查班-泰国</dd>" +
//                     "<dd onclick='GetHotCity(this)'>鹿特丹-荷兰</dd>" +
//                     "<dd onclick='GetHotCity(this)'>那瓦什瓦-印度</dd>" +
//                     "<dd onclick='GetHotCity(this)'>汉堡-德国</dd>" +
//                     "<dd onclick='GetHotCity(this)'>新加坡-新加坡</dd>" +
//                     "<dd onclick='GetHotCity(this)'>泗水-印度尼西亚</dd>" +
//                     "<dd onclick='GetHotCity(this)'>雅加达-印度尼西亚</dd>" +
//                     "<dd onclick='GetHotCity(this)'>安特卫普-比利时</dd>" +
//                     "<dd onclick='GetHotCity(this)'>科伦坡-斯里兰卡</dd>" +
//                     "<dd onclick='GetHotCity(this)'>槟城-马来西亚</dd>" +
//                     "</dl>" +
//                     "<dl class='hotCityList' id='ABCDE_" + options.id + "'  name='dlCity' style='display:none'>" +
//                     "<dd onclick='GetHotCity(this)'>阿尔汉格尔斯克-俄罗斯</dd>" +
//                     "<dd onclick='GetHotCity(this)'>亚速-俄罗斯</dd>" +
//                     "<dd onclick='GetHotCity(this)'>阿尔丹-俄罗斯</dd>" +
//                     "<dd onclick='GetHotCity(this)'>安哥拉斯城-菲律宾</dd>" +
//                     "<dd onclick='GetHotCity(this)'>阿姆斯特丹-荷兰</dd>" +
//                     "<dd onclick='GetHotCity(this)'>巴特肯-吉尔吉斯斯坦</dd>" +
//                     "<dd onclick='GetHotCity(this)'>阿莫斯特堡-加拿大</dd>" +
//                     "<dd onclick='GetHotCity(this)'>巴纳巴岛-巴纳巴岛</dd>" +
//                     "<dd onclick='GetHotCity(this)'>布鲁塞尔-比利时</dd>" +
//                     "<dd onclick='GetHotCity(this)'>科尔多瓦-阿根廷</dd>" +
//                     "<dd onclick='GetHotCity(this)'>卡宾达-安哥拉</dd>" +
//                     "<dd onclick='GetHotCity(this)'>圣延岛-澳大利亚</dd>" +
//                     "<dd onclick='GetHotCity(this)'>堪培拉-澳大利亚</dd>" +
//                     "<dd onclick='GetHotCity(this)'>凯恩斯-澳大利亚</dd>" +
//                     "<dd onclick='GetHotCity(this)'>迪拜-阿联酋</dd>" +
//                     "<dd onclick='GetHotCity(this)'>荷兰港-美国</dd>" +
//                     "<dd onclick='GetHotCity(this)'>底特律-美国</dd>" +
//                     "<dd onclick='GetHotCity(this)'>伊利港-美国</dd>" +
//                     "</dl>" +
//                     "<dl id='JHIKL_" + options.id + "'  class='hotCityList' name='dlCity'  style='display:none'>" +
//                     "<dd onclick='GetHotCity(this)'>京唐港-中国</dd>" +
//                     "<dd onclick='GetHotCity(this)'>九江-中国</dd>" +
//                     "<dd onclick='GetHotCity(this)'>酒泉-中国</dd>" +
//                     "<dd onclick='GetHotCity(this)'>揭阳-中国</dd>" +
//                     "<dd onclick='GetHotCity(this)'>泽西城-美国</dd>" +
//                     "<dd onclick='GetHotCity(this)'>胡志明市-越南</dd>" +
//                     "<dd onclick='GetHotCity(this)'>汉堡-德国</dd>" +
//                     "<dd onclick='GetHotCity(this)'>虎门港-中国</dd>" +
//                     "<dd onclick='GetHotCity(this)'>哈密尔顿-加拿大</dd>" +
//                     "<dd onclick='GetHotCity(this)'>会晒-老挝</dd>" +
//                     "<dd onclick='GetHotCity(this)'>石垣岛-日本</dd>" +
//                     "<dd onclick='GetHotCity(this)'>仁川-韩国</dd>" +
//                     "<dd onclick='GetHotCity(this)'>伊基克-智利</dd>" +
//                     "<dd onclick='GetHotCity(this)'>卡拉奇-巴基斯坦</dd>" +
//                     "<dd onclick='GetHotCity(this)'>考艾岛-美属群岛</dd>" +
//                     "<dd onclick='GetHotCity(this)'>洛比托-安哥拉</dd>" +
//                     "<dd onclick='GetHotCity(this)'>罗安达-安哥拉</dd>" +
//                     "<dd onclick='GetHotCity(this)'>里昂-法国</dd>" +
//                     "</dl>" +
//                     "<dl id='MNOPQR_" + options.id + "'  class='hotCityList'  name='dlCity' style='display:none'>" +
//                     "<dd onclick='GetHotCity(this)'>马斯科特-澳大利亚</dd>" +
//                     "<dd onclick='GetHotCity(this)'>牡丹江-中国</dd>" +
//                     "<dd onclick='GetHotCity(this)'>漠河-中国</dd>" +
//                     "<dd onclick='GetHotCity(this)'>蒙德拉-印度</dd>" +
//                     "<dd onclick='GetHotCity(this)'>马切拉塔-意大利</dd>" +
//                     "<dd onclick='GetHotCity(this)'>门司-日本</dd>" +
//                     "<dd onclick='GetHotCity(this)'>水岛-日本</dd>" +
//                     "<dd onclick='GetHotCity(this)'>三池-日本</dd>" +
//                     "<dd onclick='GetHotCity(this)'>室兰-日本</dd>" +
//                     "<dd onclick='GetHotCity(this)'>纳霍德卡-俄罗斯</dd>" +
//                     "<dd onclick='GetHotCity(this)'>尼奥特-法国</dd>" +
//                     "<dd onclick='GetHotCity(this)'>尼斯-法国</dd>" +
//                     "<dd onclick='GetHotCity(this)'>纽芬兰岛-加拿大</dd>" +
//                     "<dd onclick='GetHotCity(this)'>渥太华-加拿大</dd>" +
//                     "<dd onclick='GetHotCity(this)'>大船渡-日本</dd>" +
//                     "<dd onclick='GetHotCity(this)'>肯布拉港-澳大利亚</dd>" +
//                     "<dd onclick='GetHotCity(this)'>秦皇岛-中国</dd>" +
//                     "<dd onclick='GetHotCity(this)'>日照-中国</dd>" +
//                     "</dl>" +
//                     "<dl id='STUVYZ_" + options.id + "'  class='hotCityList'  name='dlCity' style='display:none'>" +
//                     "<dd onclick='GetHotCity(this)'>苏伊士运河-埃及</dd>" +
//                     "<dd onclick='GetHotCity(this)'>索约-安哥拉</dd>" +
//                     "<dd onclick='GetHotCity(this)'>萨尔茨保-奥地利</dd>" +
//                     "<dd onclick='GetHotCity(this)'>斯文诺斯切-波兰</dd>" +
//                     "<dd onclick='GetHotCity(this)'>天津-中国</dd>" +
//                     "<dd onclick='GetHotCity(this)'>唐山-中国</dd>" +
//                     "<dd onclick='GetHotCity(this)'>台北-中国(台湾)</dd>" +
//                     "<dd onclick='GetHotCity(this)'>德黑兰-伊朗</dd>" +
//                     "<dd onclick='GetHotCity(this)'>乌斯怀亚-阿根廷</dd>" +
//                     "<dd onclick='GetHotCity(this)'>乌姆卡斯尔-伊拉克</dd>" +
//                     "<dd onclick='GetHotCity(this)'>乌姆盖茨尔-伊拉克</dd>" +
//                     "<dd onclick='GetHotCity(this)'>乌迪内-意大利</dd>" +
//                     "<dd onclick='GetHotCity(this)'>维也纳-奥地利</dd>" +
//                     "<dd onclick='GetHotCity(this)'>东方港-俄罗斯</dd>" +
//                     "<dd onclick='GetHotCity(this)'>横滨-日本</dd>" +
//                     "<dd onclick='GetHotCity(this)'>八代-日本</dd>" +
//                     "<dd onclick='GetHotCity(this)'>云浮-中国</dd>" +
//                     "<dd onclick='GetHotCity(this)'>珠海-中国</dd>" +
//                     "</dl>" +
//                     "</div>";
//                     $(this).wrap("<div id='DivChoose_" + options.id + "'  onmouseleave=\"CheckInput(" + options.isPiPei + ",'" + options.id + "')\" style='float:left; position:relative;' ></div>");
//                     $("#DivChoose_" + options.id + "").append(divHTml);
//                     $(this).focus();
//                     window.setTimeout(function () { document.getElementById(options.id).select(); }, 0);
//                 }

//             });
//         });
//     }
// })(jQuery);

// //得到输入城市的值
// function GetCity(obj) {
//     var checkID = jqObjCity[0].attr("id");
//     var nation = $(obj).find("span[name='spanNation']").text();
//     var city = $(obj).find("span[name='spanCity']").text();
//     jqObjCity[0].attr("value", city + "-" + nation);
//     $("#divNationShow_" + checkID + "").hide();
//     $("#divHotNationShow_" + checkID + "").hide();
// }

// //得到热门城市的 值
// function GetHotCity(obj) {
//     var checkID = jqObjCity[0].attr("id");
//     var content = $(obj).text();
//     jqObjCity[0].attr("value", $.trim(content));
//     $("#divNationShow_" + checkID + "").hide();
//     $("#divHotNationShow_" + checkID + "").hide();
// }

// //最终验证事件 验证文本框的内容是否正确
// function CheckInput(isTrue, opID) {
//     var checkID = jqObjCity[0].attr("id");
//     if (opID != '[object HTMLInputElement]' && opID != '') {
//         checkID = opID;
//     }

//     $("#" + checkID + "").blur();
//     $("#divNationShow_" + checkID + "").hide();
//     $("#divHotNationShow_" + checkID + "").hide();
//     var cityVal = $("#" + checkID + "").val();
//     if (cityVal != "" && cityVal != "" && cityVal != "请选择起运地" && cityVal != "请选择目的地" && cityVal != "请输入目的地" && cityVal != "请输入起运地" && isTrue) {
//         $.ajax({
//             type: "GET",
//             url: "http://inter.chinawutong.com/Ashx/Handler_GetCity.ashx?jsonpCallback=success_jsonpCallback",
//             dataType: "jsonp",
//             jsonp: "callback",
//             jsonpCallback: "success_jsonpCallback",
//             data: { "type": "CheckCity", "content": escape(cityVal) },
//             success: function (mes) {
//                 if (mes.result == "success") {
//                     var json = mes.data;
//                     var res = "";
//                     for (var i = 0, l = json.length; i < l; i++) {
//                         for (var key in json[i]) {
//                             if (key == "city") {
//                                 var city = decodeURI(decodeURI(json[i]["city"]));
//                                 res += city;
//                             }
//                             if (key == "Nation") {
//                                 var nation = decodeURI(decodeURI(json[i]["Nation"]));
//                                 res += "-" + nation;
//                             }
//                         }
//                     }
//                     $("#" + checkID + "").attr("value", res);
//                 }
//             }
//         });
//     }
// }

// //增加默认的下拉类型的提示框
// function AddCityHtml(obj, className, opID) {
//     var divHTml = "<div id='divNationShow_" + opID + "' class='" + className + "'>" +
//     "<div class='clear'></div>" +
//    "<ul id='ulCityShow_" + opID + "'>" +
//    "<li onclick='GetCity(this)'><span name='spanCity' class='spanCity'>上海</span><span name='spanNation' class='spanNation'>中国</span></li>" +
//    "<li onclick='GetCity(this)'><span name='spanCity' class='spanCity'>深圳</span><span name='spanNation' class='spanNation'>中国</span></li>" +
//    "<li onclick='GetCity(this)'><span name='spanCity' class='spanCity'>天津新港</span><span name='spanNation' class='spanNation'>中国</span></li>" +
//    "<li onclick='GetCity(this)'><span name='spanCity' class='spanCity'>青岛</span><span name='spanNation' class='spanNation'>中国</span></li>" +
//    "<li onclick='GetCity(this)'><span name='spanCity' class='spanCity'>宁波</span><span name='spanNation' class='spanNation'>中国</span></li>" +
//    "<li onclick='GetCity(this)'><span name='spanCity' class='spanCity'>大连</span><span name='spanNation' class='spanNation'>中国</span></li>" +
//    "<li onclick='GetCity(this)'><span name='spanCity' class='spanCity'>广州</span><span name='spanNation' class='spanNation'>中国</span></li>" +
//    "<li onclick='GetCity(this)'><span name='spanCity' class='spanCity'>连云港</span><span name='spanNation' class='spanNation'>中国</span></li>" +
//    "<li onclick='GetCity(this)'><span name='spanCity' class='spanCity'>乍浦港</span><span name='spanNation' class='spanNation'>中国</span></li>" +
//    "<li onclick='GetCity(this)'><span name='spanCity' class='spanCity'>京唐港</span><span name='spanNation' class='spanNation'>中国</span></li>" +
//    "<li onclick='GetCity(this)'><span name='spanCity' class='spanCity'>北海</span><span name='spanNation' class='spanNation'>中国</span></li>" +
//    "<li onclick='GetCity(this)'><span name='spanCity' class='spanCity'>九江</span><span name='spanNation' class='spanNation'>中国</span></li>" +
//    "</ul>" +
//    "</div></div>";
//     $("#DivChoose_" + opID + "").append(divHTml);
// }

// //切换热门城市
// function ChangeHotCity(type, obj) {
//     var className = $(obj).attr("class");
//     if (className != "active") {
//         $(".active").removeClass("active");
//         $(obj).addClass("active");
//         var checkID = jqObjCity[0].attr("id");
//         switch (type) {
//             case "HOT":
//                 $(".hotCityList").hide();
//                 $("#dlHotCity_" + checkID + "").show();
//                 break;
//             case "ABCDE":
//                 $(".hotCityList").hide();
//                 $("#ABCDE_" + checkID + "").show();
//                 break;
//             case "JHIKL":
//                 $(".hotCityList").hide();
//                 $("#JHIKL_" + checkID + "").show();
//                 break;
//             case "MNOPQR":
//                 $(".hotCityList").hide();
//                 $("#MNOPQR_" + checkID + "").show();
//                 break;
//             case "STUVYZ":
//                 $(".hotCityList").hide();
//                 $("#STUVYZ_" + checkID + "").show();
//                 break;
//             default:
//                 break;
//         }
//     }

// }

</script>
<style lang="scss">
@import "./../../assets/css/login.scss";
</style>
